<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>好味道</title>
    <link rel="icon" href="./../images/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no,minimal-ui">
    <!--element-ui的样式-->
    <link rel="stylesheet" href="../styles/vant.min.css"/>
    <!--本页面内容的样式-->
    <link rel="stylesheet" href="../../backend/plugins/element-ui/index.css" />
    <style>
        .shop .box {
            position: relative;
            padding: 10px;
            height: 115px;
            background: #ffffff;
            border-radius: 10px;
        }
        .shop .box .imgs{
            float: left;
            width: 115px;
            height: 115px;
            border-radius: 10px;
            overflow: hidden;
        }
        .shop .box .text{
            float: left;
            margin-left: 10px;
        }

        .shop .box .text .spans{
            height: 15px;background:#c57b35;display: inline-block;padding: 0 3px;border-radius: 4px
        }
        .shop .box .text .youhui div{
            height: 15px;
            border: 1px #ee0a24 solid;
            display: inline-block;
            padding: 0 3px;
            border-radius: 4px;
            color:#de0404;
        }
        .shop .box .text .postion{
            position: absolute;
            right: 10px;
            top: 40px;
        }
        body{
            background: #f8f8f8;
        }
    </style>
</head>
<body>
<div id="main">
    <div class="search">
        <span @click="iconbtn" class="el-icon-arrow-left"></span>
        <van-search class="pros" v-model="value" placeholder="请输入搜索关键词" />
    </div>
  <div class="list">
      <div class="shop">
          <div class="box">
              <div class="imgs">
                  <img src="../images/logo.jpg">
              </div>
              <div class="text">
                  <span class="postion">60分钟 1.8km</span>
                  <p style="font-weight: 600;font-size: 15px;margin: 0">好味道(珠海店)</p>
                  <p style="margin-top: 5px"><span style="font-weight: 600;color:#daaa43;font-size: 15px;margin-right: 5px">5.1分</span>月销量700+</p>
                  <p style="margin-top: 5px">起送￥13 配送费￥0.5</p>
                  <p style="margin-top: 5px"> <span class="spans">味道好极了</span></p>
                  <div class="youhui" style="margin-top: 5px">
                      <div>33减2 66减5</div>
                      <div>33减2 66减5</div>
                  </div>
              </div>
          </div>
  </div>
  </div>
</div>


<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="../../backend/plugins/vue/vue.js"></script>
<!-- 引入组件库 -->
<script src="../../backend/plugins/element-ui/index.js"></script>
<!-- 引入vant样式 -->
<script src="./../js/vant.min.js"></script>
<!-- 引入axios -->
<script src="../../backend/plugins/axios/axios.min.js"></script>

<script src="../js/jquery-2.1.0.js"></script>
<script>
    new Vue({
        el:'#main',
        data(){
            return {

            }
        },
        methods:{

        },
        computed:{
        },
        watch:{

        },
        created(){
        },
        mounted(){

        },
    })
</script>
</body>
</html>